<template>

  <!-- 表单 -->
  <div class="user-table">
  
      <table>
      <thead>
        <th>用户id</th>
        <th>用户名</th>
        <th>昵称</th>
        <th>手机号</th>
        <th>邮箱</th>
      </thead>
      <tbody v-for="(s,i) in item.data " :key="i">
        <td>{{s.uid}}</td>  
        <td>{{s.uname}}</td>
        <td>{{s.user_name}}</td>
        <td>{{s.phone}}</td>
        <td>{{s.email}}</td>
      </tbody>
    </table>
   </div>
</template>

  <script>

export default {
props:['item'],
  methods: {

  },
 data() {
  return {
    data: ''
  }
 },
};
</script>
<style scoped lang='scss'>
table{
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #0aa1ed;
  text-align: center;
  th,td{
  border: 1px solid #0aa1ed;
  padding: 10px 5px;
  }
button{
  background-color: #0aa1ed;
  border:  1px solid #0aa1ed;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}
}
</style>